<template>
  <div>
    <!-- 标准结构 -->
    <el-tabs type="card" @tab-click="tabsClick">
      <!-- 提示框 -->
      <el-alert type="info" show-icon>数据一共有{{ sum }}条 </el-alert>
      <el-tab-pane label="全部">
        <Tabs :tabs-labl="tabsLabl" @sumValue="sumValue"></Tabs>
      </el-tab-pane>
      <el-tab-pane label="待审核">
        <Tabs :tabs-labl="tabsLabl" @sumValue="sumValue"></Tabs>
      </el-tab-pane>
      <el-tab-pane label="已审核">
        <Tabs :tabs-labl="tabsLabl" @sumValue="sumValue"></Tabs>
      </el-tab-pane>
      <el-tab-pane label="已拒绝">
        <Tabs :tabs-labl="tabsLabl" @sumValue="sumValue"></Tabs>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Tabs from './tankuang/tabs.vue'
export default {
  name: 'Eltabpane',
  components: { Tabs },
  props: {

  },
  data() {
    return {
      tabsLabl: '',
      sum: 0 // 全部数据
    }
  },
  created() {

  },
  mounted() {},
  methods: {
    tabsClick(event) {
      this.tabsLabl = event.label
    },
    // 所有数据
    sumValue(event) {
      this.sum = event
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
